<template>
	<view>
		<view class="d-flex  j-sb p-1 border main-text-color font">

			<view class="center ">
				工单编号
			</view>
			<view class="center ">
				提报人
			</view>
			<view class="center ">
				状态
			</view>
		</view>
		<view class="flex_new">
			<view class="d-flex   main-text-color_2 font flex-1 border-bottom pd_n" v-for="(item,index) in list"
				:key="index" @tap="showDtail">
				<block>
					<view class="center">
						{{item.id}}
					</view>
					<view class="center">
						{{item.name}}
					</view>
					<view class="center ">
						{{item.address}}
					</view>
				</block>
			</view>
		</view>
	</view>
</template>

<script>
	export default {

		data() {
			return {
				list: [{
					id: 100012,
					name: '张三',
					status: 1
				}, {
					id: 100013,
					name: '张三001',
					status: 1
				}, {
					id: 100014,
					name: '张三001',
					status: 2
				}, {
					id: 10001,
					name: '张三',
					status: 2
				}, {
					id: 10001,
					name: '张三',
					status: 3
				}, {
					id: 10001,
					name: '张三',
					status: 3
				}, {
					id: 10001,
					name: '张三',
					status: 2
				}, {
					id: 10001,
					name: '张三',
					status: 2
				}, {
					id: 10001,
					name: '张三',
					status: 2
				}, {
					id: 10001,
					name: '张三',
					status: 2
				}]
			}
		},
		methods: {
			//详情跳转
			showDtail() {
				uni.navigateTo({
					url: '../user_listDetail/user_listDetail'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.flex_new {
		height: calc(100vh - 210rpx);
	}

	.flex_new>view {
		height: 10%;
		display: flex;
		align-items: center;
	}

	.build_bttom_page {
		width: 100%;
		position: fixed;
		box-sizing: border-box;
		bottom: 0rpx;
		box-shadow: 0 0 6rpx 0 rgba(0, 0, 0, 0.1);
	}

	.center {
		flex: 1;
		text-align: center;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
</style>
